<template>
    <div class="companyInfo">
        <div class="panel panel-success">
            <div class="panel-heading panel-title">公司详细信息</div>
            <div class="panel-body">
                <div class="companyInfo_up companyInfo_up_jiange">
                    <div class="companyInfo_up_jiange">
                        <span style="text-align: left;display: inline-block;width: 70%;color: rgb(0,0,0);background-color:white;font-size: 20px;"
                              class="label label-info text-info">注册号：{{regcode}}</span>
                        <span style="text-align: left;display: inline-block;width: 70%;color: rgb(0,0,0);background-color:white;font-size: 20px;"
                              class="label label-info text-info">地址：{{address}}</span>
                        <span style="text-align: left;display: inline-block;width: 70%;color: rgb(0,0,0);background-color:white;font-size: 20px;"
                              class="label label-info text-info">手机号：{{mobiletele}}</span>
                        <span style="text-align: left;display: inline-block;width: 70%;color: rgb(0,0,0);background-color:white;font-size: 20px;"
                              class="label label-info text-info">成立时间：{{regtime}}</span>
                    </div>
                    <div class="companyInfo_up_jiange">
                        <span style="text-align: left;display: inline-block;width: 70%;color: rgb(0,0,0);background-color:white;font-size: 20px;"
                              class="label label-info text-info" style="">公司名：{{epname}}</span>
                        <span style="text-align: left;display: inline-block;width: 70%;color: rgb(0,0,0);background-color:white;font-size: 20px;"
                              class="label label-info text-info">经营范围：{{runscope}}</span>
                        <span style="text-align: left;display: inline-block;width: 70%;color: rgb(0,0,0);background-color:white;font-size: 20px;"
                              class="label label-info text-info">座机：{{cellphone}}</span>
                        <span style="text-align: left;display: inline-block;width: 70%;color: rgb(0,0,0);background-color:white;font-size: 20px;"
                              class="label label-info text-info">法律代表人：{{legalperson}}</span>
                    </div>
                    <div style="margin-right: 10px;">
                        <img :src="logoImg" class="img-thumbnail" style="width: 1000px;margin-top: 20px;"/>
                    </div>
                </div>
                <div class="companyInfo_down">
                    <div>
                        <span class="label label-info"
                              style="font-size:20px;background-color: white;color: black;margin-left: 20px; ">公司简介：</span>
                    </div>
                    <div style="padding: 30px;padding-top: 10px;">
                        {{{intruduction}}}
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    module.exports = {
        data: function () {
            return {
                regcode: '',
                epname: '',
                address: '',
                runscope: '',
                mobiletele: '',
                cellphone: '',
                regtime: '',
                legalperson: '',
                editorHtml: '',
                logoImg: '',
                intruduction: ''
            }
        },
        ready: function () {
            var _this = this;
            var CompanyID = this.$route.params.id;
            $.post('/Enterprise/FindById', {"id": CompanyID}).then(function (data) {
                _this.logoImg = data.content.logo;
                _this.epname = data.content.epname;
                _this.regcode = data.content.regcode;
                _this.address = data.content.address;
                _this.runscope = data.content.runscope;
                _this.mobiletele = data.content.mobiletele;
                _this.cellphone = data.content.cellphone;
                _this.regtime = data.content.regtime;
                _this.legalperson = data.content.legalperson;
                _this.intruduction = data.content.intruduction;
            });
        }
    }
</script>

<style>
    body {
        background-color: white;
    }

    .companyInfo {
        margin-right: 8px;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }

    .companyInfo_up {
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
        /*多个也能放在两边*/
        justify-content: space-between;
        align-items: flex-start;
        /*background-color: blue;*/
        /*border-radius: 10px;*/
        /*box-shadow: 2px 2px 2px 2px grey;*/
    }

    .companyInfo_up_jiange {
        margin: 10px;
    }

    .companyInfo_down {
        width: 100%;
        min-height: 500px;
        /*background-color: yellow;*/
        /*border-radius: 10px;*/
        /*box-shadow: 2px 2px 2px 2px grey;*/
    }

    .companyInfo .text-info {
        margin: 10px;
        display: block;
        font-size: 20px;
    }

    .companyInfo .img-logo {
        margin-right: 30px;
        box-shadow: 2px 2px 2px 2px grey;
        border-radius: 5px;
        height: 200px;
    }
</style>